import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '@/pages/Home'

Vue.use(VueRouter)

/**
 * 为了避免数据交叉请求带来的污染
 */
export const createRouter = () => {
  const router = new VueRouter({
    // 同构渲染不能使 用 hash 模式
    // 因为绝大多数的服务端，不支持 hash 路径
    // 不会把它当成服务端处理
    mode: 'history', // 兼容前后端
    routes: [
      {
        path: '/',
        name: 'home',
        component: Home
      },
      {
        path: '/about',
        name: 'about',
        // 路由懒加载，异步
        component: () => import('@/pages/About')
      },
      {
        path: '*',
        name: 'error404',
        component: () => import('@/pages/404')
      },
      {
        path: '/posts',
        name: 'posts',
        component: () => import('@/pages/Posts')
      }
    ]
  })

  return router
}